.fu-button {
  width: auto;
  padding: 0 30px;
  font-size: 28px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #fff;
  overflow: visible;

  &:active {
    opacity: 0.8;
  }
}

.fu-button-primary {
  color: #fff;
  background-color: #07c160;
  border: 1px solid #07c160;

  &-dashed {
    color: #07c160;
    background-color: #fff;
  }
}


.fu-button-info {
  color: #fff;
  background-color: #1890ff;
  border: 1px solid #1890ff;

  &-dashed {
    color: #1890ff;
    background-color: #fff;
  }
}

.fu-button-danger {
  color: #fff;
  background-color: #ff4d4f;
  border: 1px solid #ff4d4f;

  &-dashed {
    color: #ff4d4f;
    background-color: #fff;
  }
}

.fu-button-warning {
  color: #fff;
  background-color: #ffaf4d;
  border: 1px solid #ffaf4d;

  &-dashed {
    color: #ffaf4d;
    background-color: #fff;
  }
}

.full {
  display: block;
  width: 100%;
}
